{% extends "SalarySysMenu/Main.html" %}
{% load staticfiles %}
{% block bodyhead %}
<body class="hold-transition skin-purple-light sidebar-mini" onload="initPage()">



  {% endblock %}
{% block loadJSfirst %}
   
  {% if ok == 1 %}
  <script>
    document.getElementById("success3").style.display = "inline";
  </script>
  {%endif%}
  <script>

  function checkpassword(){  
  var inputPassword = document.getElementById('inputPassword').value;
  var inputConfirmpassword = document.getElementById('inputConfirmpassword').value;
  var cl = document.getElementById('form-group');
  if(inputConfirmpassword != inputPassword){ 
    cl.className = "form-group has-error";
    document.getElementById("inputError3").style.display = "inline";
    document.getElementById("inputError4").style.display = "none";
    document.getElementById("67963zc").disabled = true;
  }
  if(inputConfirmpassword == inputPassword){ 
    cl.className = "form-group has-success";
    document.getElementById("inputError3").style.display = "none";
    document.getElementById("inputError4").style.display = "inline";
    document.getElementById("67963zc").disabled = false;
  }

  }


    </script>
{% endblock %}

{% block Myfile %}
<li class="active treeview" >
  <a href="#">
    <i class="fa fa-bank"></i>
    <span> 我的资料</span>
    <span class="pull-right-container">
      <i class="fa fa-angle-left pull-right"></i>
    </span>
  </a>
  <ul class="treeview-menu">
    <li><a href="{% url 'GZGL:myprofile' %}"><i class="fa fa-circle-o"></i> 资料详情</a></li>
    <li class="active"><a href="{% url 'GZGL:setpassword' %}"><i class="fa fa-circle-o"></i> 修改密码</a></li>
    
  </ul>
</li>
{% endblock %}
      {% block content %}
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        我的资料
        <small>修改您的密码</small><small style="color: #00a65a;">{{Success}}</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
      </ol>

    </section>

    <!-- Main content -->
    <section class="content container-fluid">

      <!--------------------------
        | Your Page Content Here |
        -------------------------->
        <div class="row">
          {% include 'SalarySysMenu/reference/ProfileTask.html' %}
              <div class="col-md-8">
                            <!-- Horizontal Form -->
              <div class="box box-primary">
                <div class="box-header with-border">
                  <h3 class="box-title">修改您的密码</h3>
                  <button type="button" class="btn bg-olive btn-flat margin pull-right" style="display:none" id="successqq" disabled>{{Success}}</button>
                </div>
                <!-- /.box-header -->
                <!-- form start -->
                <form class="form-horizontal" method="POST">
                    {% csrf_token %}
                  <div class="box-body">

                    <div class="form-group" >
                      <label for="inputPassword" class="col-sm-2 control-label">密码：</label>

                      <div class="col-sm-10">
                        <input type="password" class="form-control" id="inputPassword" name="passwordfirst" placeholder="请输入密码" required>
                      </div>
                    </div>
                    <div class="form-group" id="form-group">
                      
                      <label for="inputConfirmpassword" class="col-sm-2 control-label" style="color: black">密码：</label>
                      <div class="col-sm-10 ">
                       
                        <input type="password" class="form-control" id="inputConfirmpassword" name="passwordcheck" placeholder="重复您的密码" onkeyup="checkpassword()" required>
                          
                              <div id="inputError4" style="display:none">
                                  <label class="control-label" for="inputSuccess" >
                                        <i class="fa fa-check"></i>密码输入一致。</label></div>
                      </div>
                    </div>
                  </div>
                  <!-- /.box-body -->
                  <div class="box-footer">
                    <button type="reset" class="btn btn-default">重  置</button>

                    
                    
                    <button type="submit" class="btn btn-primary pull-right" id="67963zc" disabled>修  改</button>
                  </div>
                <!-- /.box-footer -->
              </form>
            </div>
            <!-- /.box -->
                  <!-- /.tab-content -->
                </div>
              <!-- /.nav-tabs-custom -->
            </div>
          
          
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
{% endblock %}
{% block JSAnotherFile %}
<script src="{% static 'js/Signin.js'%}" type="text/javascript"></script>


<script src="{% static 'bower_components/fastclick/lib/fastclick.js'%}" type="text/javascript"></script>


{% endblock %}